<template>
  <view class="page" style="padding-bottom:0" @tap="itemClick">
    <view class="invent-content">
      <view class="invent-right">
        <view class="title-sty" style="align-items: center;padding-top: 10rpx;">
          <view v-show="index<3" class="tags" v-for="(item,index) in itemInfo.psCode" :key="index">
            <u-image style="vertical-align: middle;display:inline-block;" src="/static/store/store-home.png"  width="48" height="48"/>
            <span>{{item}}</span>
          </view>
        </view>
        <view class="peo-sty">
          <view>
            <span class="name">仓库名称：</span>
            <span class="val">{{ itemInfo.storeName }}</span>
          </view>
        </view>
        <view class="peo-sty">
          <view>
            <span class="name">案件编号：</span>
            <span class="val">{{ itemInfo.caseCode }}</span>
          </view>
        </view>
        <view class="peo-sty">
          <view>
            <span class="name">案发时间：</span>
            <span class="val">{{ itemInfo.caseDate }}</span>
          </view>
        </view>
        <view class="peo-sty">
          <view>
            <span class="name">当事人：</span>
            <span class="val">{{ itemInfo.party }}</span>
          </view>
        </view>
        <view class="peo-sty">
          <view>
            <span class="name">承办人：</span>
            <span class="val">{{ itemInfo.undertaker }}</span>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    itemInfo: {
      type: Object,
      default: () => {
        return {}
      },
    },
  },
  data() {
    return {
    };
  },
  methods: {
    itemClick () {
        this.setRouteParam(this.itemInfo);
        this.$u.route("pages/store/goods/goodsDetail");
    }
  },
};
</script>

<style lang="scss" scoped>
	@import "../inventoryManage/inven_common.scss";
  .page{
    padding: 0;
  }
  .content {
		background-color: #F3F4F5 ;
    min-height: 100%;
	}
  .list-item-root {
  margin: 10px;
  border-radius: 15px;
  overflow: hidden;
}
.invent-content{
  padding: 24rpx;
  padding-top: 0;
}
  .title-sty{
    padding-bottom: 12rpx;
    .tags {
        display: inline-block;
        width: 150rpx;
        height: 60rpx;
        text-align: center;
        line-height: 56rpx;
        background: #ECF6FF;
        border-radius: 16rpx;
        margin-right: 20rpx;
    }
    span {
        color: #0070D2;
        font-size: 22rpx;
    }
  }
  .peo-sty{
    display: flex;
    justify-content: space-between;
    padding-top: 20rpx;
    font-size: 26rpx;
    .name {
        color: #999999;
        font-size: 26rpx;
        display: inline-block;
        width: 140rpx;
    }
    .val {
        color: #666666;
    }
  }
  .pad-top{
    padding-top: 14rpx;
  }
</style>